<template>
  <div class="gsfw">
    <section class="bannerimg" style="background:url(/img/qybgsbanner.jpg) no-repeat center"></section>
    <section class="gssc1">
      <ul class="af">
        <li class="li1" v-for="(dt1,id1) in title.zym.service" @click="xqymtz(dt1.id,dt1.id)" :class="['li'+(id1+1),(id1+1)%5==0?'last':'']">
          <a href="javascript:;">{{dt1.servicename}}</a>
        </li>
      </ul>
    </section>
    <section class="sc gssc2">
      <div class="ct af">
        <h2>精选工商服务<br><span>助您快速创业，提供企业各发展阶段服务</span></h2>
        <div class="ct2 af">
          <div class="left">
            <h3>公司注册 <span>专人服务 全程办理</span></h3>
            <ul class="af">
              <li v-for="(gs,id) in title.zym.service[0].threeServiceRes" :key="id" :class="'li'+(id+1)" @click="xqymtz(gs.id,gs.pid)">
                <a :href="gs.cclink">
                  <span :style="{background:gs.fouriconimg?'url(https://exam.zhonghaiqihang.com/'+gs.fouriconimg+') no-repeat':'background: url(https://qf.qiyebang.net.cn/static/img/gssc21.png) no-repeat'}"></span>
                  <h5>{{gs.servicename}}</h5>
                  <p>{{gs.remark}}</p>
                </a>
              </li>

            </ul>
          </div>
          <div class="rt">
            <h3>公司变更 <span>最基础的工商变更 一次可变更多项</span></h3>
            <ul class="af">
              <li v-for="(gs,id) in title.zym.service[1].threeServiceRes" :key="id" :class="'li'+(id+1)" @click="xqymtz(gs.id,gs.pid)">
                <a :href="gs.cclink">
                  <span :style="{background:gs.fouriconimg?'url(https://exam.zhonghaiqihang.com/'+gs.fouriconimg+') no-repeat':'background: url(https://qf.qiyebang.net.cn/static/img/gssc21.png) no-repeat'}"></span>
                  <h5>{{gs.servicename}}</h5>
                  <p>{{gs.remark}}</p>
                </a>
              </li>

            </ul>
          </div>
        </div>
      </div>
    </section>
    <section class="sc gssc3">
      <h3>公司转让 <span>全类型公司转让 更多资源任您选择 全面审核 真实透明转让</span></h3>
      <ul class="af">
        <li v-for="(gs,id) in title.zym.service[3].threeServiceRes" :key="id" :class="'li'+(id+1)" @click="xqymtz(gs.id,gs.pid)">
          <a :href="gs.cclink">
            <span :style="{background:gs.fouriconimg?'url(https://exam.zhonghaiqihang.com/'+gs.fouriconimg+') no-repeat':'background: url(https://qf.qiyebang.net.cn/static/img/gssc21.png) no-repeat'}"></span>
            <h5>{{gs.servicename}}</h5>
            <p>{{gs.remark}}</p>
          </a>
        </li>
      </ul>
    </section>
    <section class="gssc4 af sc">
      <div class="left">
        <h3>公司收购 <span>各类型公司 高价收购中</span></h3>
        <ul class="af">
          <li v-for="(gs,id) in title.zym.service[2].threeServiceRes" :key="id" :class="'li'+(id+1)" @click="xqymtz(gs.id,gs.pid)">
            <a :href="gs.cclink">
              <span :style="{background:gs.fouriconimg?'url(https://exam.zhonghaiqihang.com/'+gs.fouriconimg+') no-repeat':'background: url(https://qf.qiyebang.net.cn/static/img/gssc21.png) no-repeat'}"></span>
              <h5>{{gs.servicename}}</h5>
              <p>{{gs.remark}}</p>
            </a>
          </li>
        </ul>
      </div>
      <div class="rt">
        <h3>公司注销 <span>加速办理 疑难注销 吊销转注销</span></h3>
        <ul class="af">
          <li v-for="(gs,id) in title.zym.service[4].threeServiceRes" :key="id" :class="'li'+(id+1)" @click="xqymtz(gs.id,gs.pid)">
            <a :href="gs.cclink">
              <span :style="{background:gs.fouriconimg?'url(https://exam.zhonghaiqihang.com/'+gs.fouriconimg+') no-repeat':'background: url(https://qf.qiyebang.net.cn/static/img/gssc21.png) no-repeat'}"></span>
              <h5>{{gs.servicename}}</h5>
            </a>
          </li>
          <li class="li6">
            注销内容：<br/>  清缴税控及发票、注销国税、地税；登报通知、注销工商营业 执照；注销公章等
          </li>
        </ul>
      </div>
    </section>
    <section class="cssc2 gsfw">
      <div class="ct">
        <h3>咨询管家</h3>
        <p class="xq">专业管家在线服务，一对一免费咨询</p>
        <ul class="af">
          <li  v-for="(gj,gji) in title.gj" :class="['li'+(gji+1),(gji+1)%5==0?'last':'']" :key="gji" :style="{margin:'20px 67px 0 0'}">
            <div class="nm" :style="{background:'url('+'https://exam.zhonghaiqihang.com'+gj.specialavatarone+') no-repeat'}">
              <h4>{{gj.username}}</h4>
              <p>{{gjname[gji]}}</p>
            </div>
            <div class="hover af">
              <img :src="'https://exam.zhonghaiqihang.com'+gj.specialavatartwo" width="157" height="158">
              <div>
                <p class="p1">{{gj.username}}  <span>{{title.zym.label}}</span></p>
                <p class="p2">电话： <span>{{gj.mobile}}</span></p>
                <p class="p3">擅长: {{gj.major}}</p>
                <a :href="gj.cclink" class="zx" target="_blank">在线咨询</a>
              </div>
            </div>
          </li>

        </ul>
      </div>
    </section>
    <my-heart></my-heart>
    <my-ft></my-ft>

  </div>

</template>

<script>
  import axios from 'axios';
  import $ from 'jquery';
    export default {
        name: "business",
        data () {
        return {
          selenv:false,
          title:null,
          yqljData:null,
          dlzt:'',
          fuwu:1,
          sjsz:[],
          gjname:['经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问'],
        }
        },
      async asyncData ({ params }) {
      let nh = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Header/headerData`);
      let nh3 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Special/specialData`,{
        params:{
          serviceid:'1'
        }});
      let nh4 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Receptionist/receptionistData`);
      let data  = {nav:nh.data,zym:nh3.data,gj:nh4.data};
      return { title: data}
    },
  mounted:function(){
    $('.tbnava0').addClass('select');
    var domain = window.location.href;
    let a = document.cookie;
    let cookie = '';
    if(a.indexOf('userinfoRes')!=-1){
      let b = a.split('userinfoRes=');
      let c = b[1].split(';');
      cookie = c[0];
    }
    this.dlzt = cookie;
    $(document).ready(function(){
      $('.tbnava0').addClass('select');
    })
  },
  head() {
    return {
      title: this.title.zym.oneService.title,
      meta: [
        { hid: 'description', name: 'description', content: this.title.zym.oneService.descript },
        { hid: 'keywords', name: 'keywords', content:this.title.zym.oneService.keyword }
      ]
    }
  },
  methods:{
    xqymtz:function(e1,e2){

      let href = '/ServiceDetails/'+e1+'?name='+e2;
      window.open(href,'_blank');
    }
  }


  }
</script>

<style scoped>

</style>
